*{margin: 0;padding: 0;}
.header{
    width: 100%;
    height: 40px;
    background-color: rgb(250, 250, 250);
}
.header-nav{
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    background-color: rgb(250, 250, 250);
}
.header-left{
    display: inline-block;
    width: 620px;
    height: 20px;
    margin-top: 6px;
}
.header-left a:not(.bg){
    display: inline-block;
    width: 60px;
    height: 20px;
    background-color: rgb(250, 250, 250);
    text-decoration: none;
    font-size: 12px;
    color: gray;
    line-height: 20px;
    text-align: center;
    margin-left: -4px;
    border-right: 1px solid gray;
}
.bg{
    display: inline-block;
    width: 80px;
    height: 20px;
    background-color:rgb(250, 250, 250);
    text-decoration: none;
    font-size: 12px;
    color: gray;
    line-height: 20px;
    text-align: center;
    border-right: 1px solid gray;
    margin-left: -4px;
}
#lastbg{
    border: none;
}
.header-right{
    display: inline-block;
    width: 87px;
    height: 20px;
    margin-top: 6px;
    margin-left: 288px;
    background-color: rgb(250, 250, 250);
}
.header-right a{
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    border-left: 1px solid gray;
    text-align: right;
    text-decoration: none;
    color: gray;
}
.header-right a:nth-child(1){
    text-align: center;
    border: none;
}
.header-search{
    width: 1000px;
    height: 100px;
    margin: 0 auto;
    background-color:white;
    position: relative;
}
.header-logo{
    width: 70px;
    height: 70px;
    background: white url(../images/logo.png) no-repeat center;
    background-size: 70px;
    position: absolute;
    top: 15px;
    left: 0px;
}
.search{
    width: 450px;
    height: 40px;
    background-color: white;
    position: absolute;
    top: 44px;
    left: 420px;
    border: 1px solid gray;
}
.search input{
    width: 250px;
    height: 40px;
    border: none;
    outline: none;
    text-indent: 10px;
}
.search a{
    text-decoration: none;
    line-height: 39px;
    color: black;
    font-size: 12px;
}
.change{
    display: none;
}
.btn{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-left: 1px solid gray;
}
.search div button{
    width: 40px;
    height: 24px;
    background: white url(../images/fangdajing.png) no-repeat center;
    background-size: 20px;
    border: none;
    outline: none;
    transform: translateY(10px);
}
.shopcar{
    width: 120px;
    height: 40px;
    background-color: rgb(255, 219, 61);
    position: absolute;
    top: 44px;
    right: 0px;
    background-image: url(../images/shopcar.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-position-y: 12px;
}
.shopcar a{
    color: black;
    font-weight: 700;
    line-height: 40px;
    text-decoration: none;
    margin-left: 40px;
}
.header-right-word{
    width: 120px;
    height: 20px;
    background-color: white;
    position: absolute;
    top: 10px;
    right: 0px;
    text-align: right;
    background-image: url(../images/clock.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 6px;
    background-position-y: 4px;
}
.header-right-word a{
    font-size: 12px;
    text-decoration: none;
    color: gray;
}
.main{
    width: 1000px;
    height: 520px;
    background-color: white;
    margin: 0 auto;
    /* border: 1px solid gray; */
}
.main-left{
    float: left;
    width: 200px;
    height: 520px;
    background-color:white;
}
.main-right{
    float: right;
    width: 800px;
    height: 520px;
    background-color: white;
    margin: 0 auto;
}
.main-left1{
    height: 30px;
    background-color: rgb(255, 74, 0);
    /* vertical-align: left; */
    /* transform: translateX(-1px);
    border-right: 1px solid rgb(255, 74, 0); */
}
.main-left1 a{
    color: white;
    line-height: 30px;
    text-decoration: none;
    margin-left: 20px;
}
.main-left div:not(.main-left1){
    height: 60px;
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    background-color: white;
}
.main-left div p{
    font-size: 12px;
    line-height: 30px;
    margin-left: 20px;
}
.main-left div:not(.main-left1) p a{
    color: gray;
    text-decoration: none;
}
#main-left3{
    color: orange;
}
.main-right1{
    height: 30px;
    background-color: rgb(64, 65, 68);
}
.main-right1 a{
    text-decoration: none;
    color: white;
    line-height: 30px;
    margin-left: 28px;
}
.content{
    cursor: pointer;
    position: relative;
    width:800px;height:340px;
    margin-left: auto;margin-right: auto;
    /* border:1px solid #333; */
}
#list{
    position: absolute;
    widows: 800px;
    height:340px;
}
#list img,#prev,#next,#btns{
    position: absolute;
}
#list img:not(:first-child){
    display: none;
}
#prev,#next{
    cursor: pointer;
    top:50%;transform: translateY(-50%);
    z-index: 100;width:40px;height:70px;
    background:url("../images/icon-slides.png");
    border:none;
}
#prev{
    background-position-x:-86px
}
#prev:hover{
    background-position: 0;
}
#next:hover{background-position-x: -43px}
#next{
    right:0;
    background-position-x:-125px;
}
#btns{z-index: 101;
    transform: translateX(250px);
    bottom: 20px;left:50%;}
#btns .current{
    background: rgb(70, 68, 68);
    color: white;
}    
#btns>span{
    cursor: pointer;
    width:20px;
    height:20px;
    display: inline-block;
    border-radius: 50%;
    border:1px solid #fff;
    background-color:rgba(44,44,44,.3);
    text-align: center;
}
.content #list img{
    width: 800px;
    height: 340px;
}
.photo{
    width: 800px;
    height: 148px;
    background-color: rgb(243, 243, 243);
    border-bottom: 1px solid gray;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
}
.photo span{
    display: inline-block;
    width: 266px;
    height: 151px;
    background-color:  rgb(243, 243, 243);
    box-sizing: border-box;
}
.photo span:not(.photo1){
    margin-left: -5px;
    border-left: 1px solid gray;
}
.photo1{
    background: url(../images/01.png) no-repeat center;
}
.photo2{
    background: url(../images/02.png) no-repeat center;
}
.photo3{
    background: url(../images/03.png) no-repeat center;
}
.center{
    width: 1000px;
    height: 60px;
    background-color: white;
    margin: 0 auto;
}
.center p{
    display: inline-block;
    line-height: 60px;
}
.center p a{
    text-decoration: none;
    color: gray;
}
.center p #small-word{
    font-size: 12px;
    color: rgb(153, 153, 153);
}
.center-photo{
    width: 1000px;
    height: 280px;
    background-color: white;
    margin: 0 auto;
    border: 1px solid gray;
    position: relative;
}
.center-photo span{
    display: inline-block;
    width: 250px;
    height: 280px;
    background-color: white;
    box-sizing: border-box;
    background-position-y: -10px;
}
.center-photo span:not(.center-photo1){
    margin-left: -6px;
    border-left: 1px solid gray;
}
.center-photo1{
    background: url(../images/T1PxJvBCAT1RXrhCrK!220x220.jpg) no-repeat center;
}
.center-photo2{
    background: url(../images/T1XYxTBsAT1RXrhCrK!220x220.jpg) no-repeat center;
}
.center-photo3{
    background: url(../images/T1y0JTBy_T1RXrhCrK!220x220.jpg) no-repeat center;
}
.center-photo4{
    background: url(../images/aa.jpg) no-repeat center;
}
.center-photo div{
    position: absolute;
    top: 210px;
}
.center-word1{
    left: 70px;
}
.center-word2{
    left: 290px;
}
.center-word3{
    left: 522px;
}
.center-word4{
    left: 760px;
}
.center-photo div p{
    text-align: center;
    font-size: 12px;
    color: rgb(163, 158, 158);
    line-height: 25px;
}
#center-word{
    font-size: 14px;
    color: rgb(100, 112, 121);
}
.center-nav{
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    background-color: white;
}
.center-nav p{
    float: right;
    line-height: 90px;
    color: gray;
}
.center-nav p:nth-child(1){
    float: left;
}
.last-main{
    width: 998px;
    height: 900px;
    margin: 0 auto;
    border: 1px solid gray;
    box-sizing: content-box;
}
.last-left{
    float: left;
    width: 750px;
    height: 900px;
    border-right: 1px solid gray;
    box-sizing: border-box;
}
.last-right{
    float: right;
    width: 248px;
    height: 900px;
    background-color: rgb(250, 250, 250);
    box-sizing: border-box;
}
.last-left>div{
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    border-bottom: 1px solid gray;
}
.last-left .content3{
    width: 100%;
    height: 300px;
    box-sizing: border-box;
    border-bottom: none;
}
.one{
    float: left;
    width: 66%;
    height: 300px;
    background: url(../images/fanghezi0407xiao.jpg) no-repeat center;
    background-size: 500px;
}
.two{
    float: right;
    width: 34%;
    border-left: 1px solid gray;
    height: 300px;
    box-sizing: border-box;
    background: url(../images/T1qaVvB7CT1RXrhCrK!220x220.jpg) no-repeat center;
}
.last-left p{
    margin-left: 15px;
    color: gray;
    font-size: 14px;
}
.tx{
    margin-top: 20px;
}
.three{
    float: left;
    width: 66%;
    height: 300px;
    background-size: 500px;
}
.four{
    float: right;
    width: 34%;
    border-left: 1px solid gray;
    height: 300px;
    box-sizing: border-box;
    background: url(../images/T12qZvB7CT1RXrhCrK!220x220.jpg) no-repeat center;
}
.three>div{
    float: left;
    width: 50%;
    height: 300px;
}
.three>div:nth-child(2){
    border-left: 1px solid gray;
    box-sizing: border-box;
    background: url(../images/T1crEgBCYT1RXrhCrK!220x220.jpg) no-repeat center;
}
.three-left>div{
    width: 100%;
    height: 50%;
}
.three-left div:nth-child(1){
    border-bottom: 1px solid gray;
    box-sizing: border-box;
    background: url(../images/yaoshi.png) no-repeat;
    background-position-x: 70%;
    background-position-y: 60%;
}
.three-left p{
    margin-top: 0px;
    line-height: 60px;
}
#tx1{
    margin-top: -40px;
}
.three-left div:nth-child(2){
    border-bottom: 1px solid gray;
    box-sizing: border-box;
    background: url(../images/T1SrKTBmWT1RXrhCrK!220x220.jpg) no-repeat;
    background-position-x: 90%;
    background-position-y: 60%;
    background-size: 60%;
}
.content3>div{
    float: left;
    width: 33%;
    height: 300px;
}
.content3>div:nth-child(3){
    width: 34%;
    border-left: 1px solid gray;
    box-sizing: border-box;
    background: url(../images/T1GXxvBsET1RXrhCrK!220x220.jpg) no-repeat center;
}
.content3>div:nth-child(2){
    border-left: 1px solid gray;
    box-sizing: border-box;
    background: url(../images/T1DrL_B4CT1RXrhCrK!220x220.jpg) no-repeat center;
}
.content3>div:nth-child(1){
    background: url(../images/baohuke.png) no-repeat center;
}
.right-top{
    width: 100%;
    height: 120px;
    border-bottom: 1px solid gray;
    box-sizing: border-box;
    position: relative;
}
.last-right>p{
    width: 200px;
    height: 50px;
    margin-left: 25px;
    border-bottom: 1px solid gray;
}
#tx-p{
    margin-top: 40px;
}
#tx-p>a{color: red;}
.last-right p>a{
    text-decoration: none;
    line-height: 50px;
    font-size: 14px;
    color: gray;
}
#gt{
    float: right;
}
.seclect{
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-top: 30px;
}
#chongzhi{
    color: gray;
    line-height: 20px;
    font-size: 16px;
}
.seclect input{
    width: 196px;
    height: 30px;
    margin-top: 10px;
    outline: none;
}
.select{
    width: 200px;
    height: 34px;
    margin-top: 10px;
    outline: none;
}
#input1{
    margin-top: 0px;
    background-color: rgb(220, 222, 228);
    height: 34px;
    border: none;
    color: white;
}
.right-1{
    background: url(../images/T1ByZTBjJT1RXrhCrK.jpg) no-repeat center;
    background-position-x: 90%;
}
.right-2{
    background: url(../images/channel-list-cool.jpg) no-repeat center;
    background-position-x: 90%;
}
.right-3{
    background: url(../images/channel-list-new.jpg) no-repeat center;
    background-position-x: 90%;
}
.right-1 p{
    font-size: 13px;
    color: gray;
    transform: translate(10px,50px);
}
.right-2 p{
    font-size: 13px;
    color: gray;
    transform: translate(10px,28px);
}
.right-3 p{
    font-size: 13px;
    color: gray;
    transform: translate(10px,28px);
}
.last-right p{
    font-size: 13px;
    color: gray;
}
.right-1 p:nth-child(1){
    position: absolute;
    top: 0px;
    left: 40px;
    width: 52px;
    height: 20px;
    background-color: red;
    color: white;
    transform: translateY(0px);
}
#tx2{
    font-size: 14px;
    color: black;
}
.right-1 p:nth-child(3){
    color: red;
}
#tx3{
    line-height: 20px;
    font-size: 13px;
}
.foot{
    clear: both;
    /* height: 500px; */
    margin: 0 auto;
    background-color: rgb(250, 250, 250);
    transform: translateY(60px);
}
.footer{
    width: 1000px;
    /* height: 500px; */
    margin: 0 auto;
}
.footer-top{
    width: 1000px;
    height: 120px;
    position: relative;
    border-bottom: 1px solid gray;
    box-sizing: border-box;
}
.footer-top a{
    text-decoration: none;
    color: gray;
    line-height: 160px;
    margin-left: 75px;
}
.footer .footer-top i{
    position: absolute;
    color: gray;
}
.footer .footer-top .icon-weixiudanliuzhuanbeifenxiugai{
    font-size: 60px;
    left: 75px;
    top: 0px;
}
.footer .footer-top .icon-tubiaozhizuomoban{
    font-size: 30px;
    left: 300px;
    top: 30px;
}
.footer .footer-top .icon-shuaxin{
    font-size: 30px;
    left: 480px;
    top: 30px;
}
.footer .footer-top .icon-liwu{
    font-size: 30px;
    left: 658px;
    top: 30px;
}
.footer .footer-top .icon-wangdianhao{
    font-size:35px;
    left: 838px;
    top: 26px;
}
.footer-center{
    width: 1000px;
    height: 104px;
    margin-top: 20px;
}
.footer-center>div{
    float: left;
    width: 150px;
    height: 104px;
    border-right: 1px solid gray;
    box-sizing: border-box;
}
.footer-center p a{
    color: gray;
    line-height: 26px;
    text-decoration: none;
    font-size: 12px;
}
#txp{
    color: black;
    font-size: 14px;
    line-height: 30px;
}
.footer-center div:not(.ml){
    padding-left: 20px;
}
#double{
    width: 250px;
    height: 104px;
    padding-left: 0px;
    text-align: center;
    border: none;
}
#double p:not(.number){
    font-size: 12px;
    color: gray;
    line-height: 20px;
}
#double p:nth-child(1){
    font-size: 26px;
    color: gray;
}
#double button{
    background-color: orangered;
    color: white;
    text-align: center;
    width: 130px;
    height: 28px;
    border: none;
    outline: none;
}
.footer-bottom{
    width: 1000px;
    height: 200px;
    margin-top: 30px;
    border-top: 1px solid gray;
    position: relative;
}
.footer-bottom p{
    text-align: center;
    margin-top: 40px;
}
.footer-bottom p a{
    display: inline-block;
    color: gray;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
}
.a-1{
    width: 40px;
    height: 16px;
    border-left: 1px solid gray;
}
.a-2{
    width: 60px;
    height: 16px;
    border-left: 1px solid gray;
}
.a-3{
    width: 100px;
    height: 16px;
    border-left: 1px solid gray;
}
.a-4{
    width: 80px;
    height: 16px;
    border-left: 1px solid gray;
}
#footer-p{
    font-size: 12px;
    color: gray;
    margin-top: 0px;
}
.picture1{
    position: absolute;
    top: 100px;
    left: 300px;
    width: 170px;
    height: 40px;
    background: url(../images/16.png) no-repeat center;
}
.select-last{
    position: absolute;
    top: 50%;
    left: 48%;
    width: 200px;
    height: 40px;
    outline: none;
}